<template>
  <div class="child2">
    <h1>Child2组件</h1>
    <h3>{{msg}}</h3>
  </div>
</template>

<script>
import events from "../utils/events";
export default {
  data(){
    return {
      // 保存Child1发送的数据
      msg:''
    }
  },
  created(){
    // 监听自定义事件
    // params: 事件参数, 调用$emit()方法的时候, 传递的参数
    events.$on('message',(params)=>{
      // console.log(params);
      this.msg=params;
    });
  }
};
</script>

<style>
.child2 {
  background: lightblue;
  padding: 10px;
}
</style>